<template>
  <div>
    <h1>欢迎光临_vue开发的收银系统_水果店</h1>
    <h2>苹果10￥/斤，折扣《8折》</h2>
    <h2>请输入你要购买的斤数<input type="text" v-model="js" placeholder="0"></h2>
    <button @click="isShow=true">结账</button>
    <h2 v-show="isShow">结账单：总价：{{getSum}}￥元 折后价：{{getZe}}￥元 省了：{{getSum-getZe}}￥元</h2>
  </div>
</template>

<script>
export default {
  name:'App',
  data() {
    return {
      //斤数
      js:'',
      isShow:false
    }
  },
  computed:{
    getSum(){
      return this.js * 10
    },
    getZe(){
      return this.js *10 *0.8
    }
  }
}
</script>

<style>

</style>